/* item */
.fade-enter-active {
  transition:
    opacity 0.4s 0.2s,
    margin 0.4s,
    height 0.4s,
    padding 0.4s;
  transition-timing-function: ease-in-out;
}
.fade-leave-active {
  transition:
    opacity 0.4s,
    margin 0.4s 0.3s,
    height 0.4s 0.3s,
    padding 0.4s 0.3s;
  transition-timing-function: ease-in-out;
}

.fade-enter,
.fade-leave-to {
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* pop */
.pop-enter-active,
.pop-leave-active {
  transition: opacity 0.3s;
  transition-timing-function: ease-in-out;
}

.pop-enter,
.pop-leave-to {
  opacity: 0;
}

/* empty */
.empty-enter-active{
  transition: opacity 0.3s 0.6s, transform 0.3s 0.6s;
  transition-timing-function: ease-in-out;
}
.empty-leave-active {
  transition: opacity 0.3s, transform 0.3s;
  transition-timing-function: ease-in-out;
}
.empty-enter,
.empty-leave-to {
  opacity: 0;
  transform: scale(0);
}

